<template>

  <div class="login-container">
    <div class="sentence">
      学习中的苦确实难以尽言，然而，学习亦有乐。当你经过艰难的思索、推理，最后解出一道难题时，会喜形于色;
      当你在学习中取得优良成绩时，会感到由衷的喜悦;当你运用所学知识，在生活中解决了实际问题时，会乐在其中。
    </div>
    <div class="login-box">

      <div class="logo-box">
        <div>
          <a class="logo-title">
            <img :src="siteData.backLogo" class="logo-img">
            <span class="site-title">{{ siteData.siteName }}</span>
          </a>
        </div>
      </div>

      <app-main />

    </div>

    <div class="footer" v-html="siteData.copyRight" />

  </div>

</template>

<script>
import { mapGetters } from 'vuex'
import AppMain from '@/layout/components/AppMain'

export default {
  name: 'LoginLayout',
  components: { AppMain },
  computed: {
    ...mapGetters([
      'siteData'
    ])
  }
}
</script>

<style lang="scss" scoped>
@import "~@/styles/login.scss";
.sentence {
  color: #fff;
  position: absolute;
  top: 100px;
  width: 80%;
  text-align: center;
}
</style>

